<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8" />
		<title>新鲜水果</title>
		<link rel="stylesheet" type="text/css" th:href="@{css/fruit.css}" />
		<script th:src="@{plugins/jquery-3.6.0/jquery-3.6.0.min.js}" type="text/javascript"></script>
		<script th:src="@{js/fruit.js}" type="text/javascript"></script>
		<script type="text/javascript">
			function sessionName(){
				var username = sessionStorage.getItem("loginUser");
				if(username){
					document.getElementById("sessionName").innerText = "你好，" + username;
					document.getElementById("sessionName").href = "baseInfoSet.html";
				} else {
					document.getElementById("sessionName").innerText = "你好，请登录";
				}
			}
			
			$(function(){
				$("#shoppingCar").on("click",function(){
					if(sessionStorage.getItem("loginUser") == null){
						alert("请先登录！！！");
					} else {
						$(this).attr("href","shoppingCar");
					}
				});
			});
		</script>
	</head>
	<body onload="sessionName()">
		<!--*********************************顶部开始************************************-->
		<div class="top">
			<div class="top-left">
				<font size="3px" color="red">嗨，今天你吃了么!</font>
				&nbsp;&nbsp;
				<a href="#">加入我们</a>&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="#">帮助中心</a>&nbsp;&nbsp;&nbsp;&nbsp;
			</div>
			<div class="top_right">
				<a href="login" id="sessionName"></a>&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="register">
					<font color="red">免费注册</font>
				</a>&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="#">我的订单</a>&nbsp;&nbsp;&nbsp;&nbsp;
				<a target="_blank" id="shoppingCar">购物车<img src="img/shopCar.png"></a>&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="#">吃了么会员</a>
			</div>
		</div>
		<!--*********************************顶部结束************************************-->
		<!--*********************************container开始************************************-->
		<div id="container">
			<!-- 搜索栏 -->
			<div class="logo">
				<div class="logo_1">
					<img src="img/logo.png" width="110px" height="100px">
				</div>
				<div class="logo_2">
					<input type="text" size="70px" placeholder="搜索食物名称/店铺" style="height: 35px;" />
					&nbsp;&nbsp;&nbsp;
					<input type="submit" name="" id="button_1" value="搜索" />
					<div class="logo_3">
						<a href="#">火锅</a>
						<a href="#">奶茶</a>
						<a href="#">汉堡</a>
						<a href="#">坚果</a>
						<a href="#">酸奶</a>
						<a href="#">饼干蛋糕</a>
						<a href="#">巧克力</a>
					</div>
				</div>
			</div>

			<!-- 导航栏 -->
			<div class="nav">
				<ul>
					<a href="index">
						<li>
							<font>首页</font>
						</li>
					</a>
					<a href="#">
						<li>
							<font size="" color="red">新鲜水果</font>
						</li>
					</a>
					&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">
						<li>饼干蛋糕</li>
					</a>
					&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">
						<li>坚果炒货</li>
					</a>
					&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">
						<li>甜点饮品</li>
					</a>
					&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">
						<li>休闲食品</li>
					</a>
				</ul>
			</div>
			<div id="main">
				<img src="img/banner.jpg" width="100%" height="498">
			</div>
			<div id="left_sort">
				<div class="sort">
					<h2 style="background-color:orange;">分类目录</h2>
				</div>
				<div id="sortInner">
					<ul id="sort">
						<li><a href="#apple">苹果</a></li>
						<li><a href="#banana">香蕉</a></li>
						<li><a href="#pear">香梨</a></li>
						<li><a href="#grape">葡萄</a></li>
						<li><a href="#watermelon">西瓜</a></li>
						<li><a href="#orange">橙子</a></li>
					</ul>
				</div>
			</div>
			<div class="right_sort">
				<font size="5" color="green">&gt;&gt;今日特色水果</font>
				<div class="right_sort_inner">
					<div class="right_sort_inner1 goodsInfo">
						<img src="img/fruit1.jpg" id="apple" width="100%" height="180px" class="goods_img">
						<center>
							<font class="goods_name">好吃好吃好吃的苹果</font><br>
							价格：&yen;<font class="goods_price">10.00</font>/斤<br>
							<font class="goods_sales" hidden="hidden">123</font>
							<font class="goods_comments" hidden="hidden">234</font>
							<font class="goods_integral" hidden="hidden">10</font>
							<a href="showcart" class="goods_buy">立即购买</a>
						</center>
					</div>
					<div class="right_sort_inner2 goodsInfo">
						<img src="img/fruit2.jpg" id="orange" width="100%" height="180px" class="goods_img">
						<center>
							<font class="goods_name">超级好吃的橙子</font><br>
							价格：&yen;<font class="goods_price">11.00</font>/斤<br>
							<font class="goods_sales" hidden="hidden">321</font>
							<font class="goods_comments" hidden="hidden">222</font>
							<font class="goods_integral" hidden="hidden">11</font>
							<a href="showcart" class="goods_buy">立即购买</a>
						</center>
					</div>
					<div class="right_sort_inner3 goodsInfo">
						<img src="img/fruit3.jpg" id="pear" width="100%" height="180px" class="goods_img">
						<center>
							<font class="goods_name">特别好吃的梨</font><br>
							价格：&yen;<font class="goods_price">12.00</font>/斤<br>
							<font class="goods_sales" hidden="hidden">543</font>
							<font class="goods_comments" hidden="hidden">545</font>
							<font class="goods_integral" hidden="hidden">12</font>
							<a href="showcart" class="goods_buy">立即购买</a>
						</center>
					</div>
				</div>
				<hr>
			</div>
			<div class="right_sort" id="right_sort1">
				<font size="5" color="green">&gt;&gt;人气水果</font>
				<div class="right_sort_inner">
					<div class="right_sort_inner1 goodsInfo">
						<img src="img/fruit4.jpg" id="banana" width="100%" height="180px" class="goods_img">
						<center>
							<font class="goods_name">超级超级好吃的香蕉</font><br>
							价格：&yen;<font class="goods_price">13.00</font>/斤<br>
							<font class="goods_sales" hidden="hidden">111</font>
							<font class="goods_comments" hidden="hidden">444</font>
							<font class="goods_integral" hidden="hidden">13</font>
							<a href="showcart" class="goods_buy">立即购买</a>
						</center>
					</div>
					<div class="right_sort_inner2 goodsInfo">
						<img src="img/fruit5.jpg" id="grape" width="100%" height="180px" class="goods_img">
						<center>
							<font class="goods_name">特别特别好吃的葡萄</font><br>
							价格：&yen;<font class="goods_price">14.00</font>/斤<br>
							<font class="goods_sales" hidden="hidden">2333</font>
							<font class="goods_comments" hidden="hidden">3232</font>
							<font class="goods_integral" hidden="hidden">14</font>
							<a href="showcart" class="goods_buy">立即购买</a>
						</center>
					</div>
					<div class="right_sort_inner3 goodsInfo">
						<img src="img/fruit6.jpg" id="watermelon" width="100%" height="180px" class="goods_img">
						<center>
							<font class="goods_name">非常非常好吃的西瓜</font><br>
							价格：&yen;<font class="goods_price">15.00</font>/斤<br>
							<font class="goods_sales" hidden="hidden">897</font>
							<font class="goods_comments" hidden="hidden">123</font>
							<font class="goods_integral" hidden="hidden">15</font>
							<a href="showcart" class="goods_buy">立即购买</a>
						</center>
					</div>
				</div>
				<br>
				<div class="right_sort_inner">
					<div class="right_sort_inner1 goodsInfo">
						<img src="img/fruit4.jpg" id="banana" width="100%" height="180px">
						<center>
							<font class="goods_name">超级超级超级好吃的香蕉</font><br>
							价格：&yen;<font class="goods_price">16.00</font>/斤<br>
							<font class="goods_sales" hidden="hidden">645</font>
							<font class="goods_comments" hidden="hidden">456</font>
							<font class="goods_integral" hidden="hidden">16</font>
							<a href="showcart" class="goods_buy">立即购买</a>
						</center>
					</div>
					<div class="right_sort_inner2 goodsInfo">
						<img src="img/fruit5.jpg" id="grape" width="100%" height="180px">
						<center>
							<font class="goods_name">特别特别特别好吃的葡萄</font><br>
							价格：&yen;<font class="goods_price">17.00</font>/斤<br>
							<font class="goods_sales" hidden="hidden">978</font>
							<font class="goods_comments" hidden="hidden">1231</font>
							<font class="goods_integral" hidden="hidden">17</font>
							<a href="showcart" class="goods_buy">立即购买</a>
						</center>
					</div>
					<div class="right_sort_inner3 goodsInfo">
						<img src="img/fruit6.jpg" id="watermelon" width="100%" height="180px">
						<center>
							<font class="goods_name">非常非常非常好吃的西瓜</font><br>
							价格：&yen;<font class="goods_price">18.00</font>/斤<br>
							<font class="goods_sales" hidden="hidden">3213123</font>
							<font class="goods_comments" hidden="hidden">12312312</font>
							<font class="goods_integral" hidden="hidden">18</font>
							<a href="showcart" class="goods_buy">立即购买</a>
						</center>
					</div>
				</div>
				<div style="text-align: center;">
					<a href="##"><span>上一页</span></a>&nbsp;&nbsp;
					<a href="##"><span>1</span></a>&nbsp;&nbsp;
					<a href="##"><span>2</span></a>&nbsp;&nbsp;
					<a href="##"><span>3</span></a>&nbsp;&nbsp;
					...
					<a href="##"><span>下一页</span></a>&nbsp;&nbsp;
					共5页，到第<input type="text" name="" id="" value="" style="width: 30px;" />页
					<button type="button">确定</button>


				</div>
			</div>
			<div id="left_sort_bottom">
				<font size="5" color="green">&gt;&gt;购物评价</font>
				<div class="access">
					<a href="##"><img src="img/touxiang1.jpg" width="30%"></a>
					：水果很新鲜<br>2020年6月
					<hr>
				</div>
				<div class="access">
					<a href="##"><img src="img/touxiang2.jpg" width="30%"></a>
					：水果很新鲜<br>2020年7月
					<hr>
				</div>
				<div class="access">
					<a href="##"><img src="img/touxiang3.jpg" width="30%"></a>
					：水果很新鲜<br>2020年8月
					<hr>
				</div>
			</div>
			<div class="end">
				<img src="img/end1.png" width="100%" height="100%">
			</div>
			<div class="end_1">
				<div class="end_2">
					<dl>
						<dt>
						<dd><b>购物指南</b></dd>
						<a href="#">
							<dd>购物流程</dd>
						</a>
						<a href="#">
							<dd>常见问题</dd>
						</a>
						<a href="#">
							<dd>联系客服</dd>
						</a>
						</dt>
					</dl>
				</div>
				<div class="end_2">
					<dl>
						<dt>
						<dd><b>配送方式</b></dd>
						<a href="#">
							<dd>上门自提</dd>
						</a>
						<a href="#">
							<dd>快递/物流/EMS</dd>
						</a>
						<a href="#">
							<dd>配送服务查询</dd>
						</a>
						<a href="#">
							<dd>配送费收取标准</dd>
						</a>
						<a href="#">
							<dd>海外配送</dd>
						</a>
						</dt>
					</dl>
				</div>
				<div class="end_2">
					<dl>
						<dt>
						<dd><b>支付方式</b></dd>
						<a href="#">
							<dd>微信</dd>
						</a>
						<a href="#">
							<dd>支付宝</dd>
						</a>
						<a href="#">
							<dd>银行卡转账</dd>
						</a>
						<a href="#">
							<dd>货到付款</dd>
						</a>
						<a href="#">
							<dd>分期付款</dd>
						</a>
						</dt>
					</dl>
				</div>
				<div class="end_2">
					<dl>
						<dt>
						<dd><b>售后服务</b></dd>
						<a href="#">
							<dd>售后政策</dd>
						</a>
						<a href="#">
							<dd>退款说明</dd>
						</a>
						<a href="#">
							<dd>退换货</dd>
						</a>
						<a href="#">
							<dd>取消订单</dd>
						</a>
						<a href="#">
							<dd>价格保护</dd>
						</a>
						</dt>
					</dl>
				</div>
				<div class="end_2">
					<dl>
						<dt>
						<dd><b>新手上路</b></dd>
						<a href="#">
							<dd>如何开店</dd>
						</a>
						<a href="#">
							<dd>货物上架</dd>
						</a>
						<a href="#">
							<dd>店主常见问题</dd>
						</a>
						<a href="#">
							<dd>联系我们</dd>
						</a>
						</dt>
					</dl>
				</div>
			</div>
			<div class="last">
				<center>
					<font size="3">Copyright &copy; 2017-2020 吃了么商城 版权所有</font><br />
					<font size="3">互联网食品信息服务资格证编号(津)-经营性-2017-XXXX|新出发京零 字第大XXXXX号</font><br />
					<font size="3">互联网出版许可证编号新出网证(津)字XXX号|出版物经营许可证|网络文化经营许可证津网文[2017]XXXX-XXX号</font>
				</center>
			</div>
		</div>

		<!--*********************************container结束************************************-->
	</body>
</html>
